<include file="common:header" />

<div class="weui-cells"></div>

<div class="weui-form-preview">
  <div class="weui-form-preview__hd">
    <label class="weui-form-preview__label">付款金额</label>
    <em class="weui-form-preview__value" style="color:#FF8800;">¥<span class="price">{$orderData['amount']}</span></em>
  </div>
  <div class="weui-form-preview__bd">
  	<div class="weui-form-preview__item">
      <label class="weui-form-preview__label">订单号</label>
      <span class="weui-form-preview__value">{$_GET['ordersn']}</span>
    </div>
    <div class="weui-form-preview__item">
      <label class="weui-form-preview__label">预定项目</label>
      <span class="weui-form-preview__value">宝宝出生视频服务</span>
    </div>
  </div>
</div>

<!-- 立即提交 -->
<div class="weui-btn-area">
    <a href="javascript:;" class="weui-btn weui-btn_primary comfirm">在线支付</a>
</div>
<!-- 立即提交 -->

<script>
$(document).ready(function(){
	$('title').html('在线支付');

	// 在线支付
	$('.comfirm').on('click', function(){
		//配置数据
		var savePostData = {
			ordersn:"{$_GET['ordersn']}",
			amount:$('.price').text()
		};
		console.dir(savePostData);
		$.post("{:U(MODULE_NAME.'/'.CONTROLLER_NAME.'/confirmPay')}",savePostData,function(json){
			console.dir(json);
			if (json.status) {
				var obj = json.data;
				//判断是否可调用微信支付SDK
				wx.config({
				    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
				    appId: obj.appId, // 必填，公众号的唯一标识
				    timestamp:obj.timeStamp , // 必填，生成签名的时间戳
				    nonceStr: obj.nonceStr, // 必填，生成签名的随机串
				    signature: obj.signature,// 必填，签名，见附录1
				    jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
				});

				wx.chooseWXPay({
				    timestamp: obj.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
				    nonceStr: obj.nonceStr, // 支付签名随机串，不长于 32 位
				    package: obj.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
				    signType: obj.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
				    paySign: obj.paySign, // 支付签名
				    success: function (res) {
				    	// 跳转到商户指定的支付成功静态页面
				    	window.location.href = "/index/notify_info/ordersn/"+obj.ordersn;
				    },
				    fail: function(res) {
			            //接口调用失败时执行的回调函数。
			            layerCallBackTips(res.errMsg);
			        }
				});

				wx.error(function(res){
					alert("请联系客服,错误原因: " + res.errMsg);
				});
			}else{
				//预支付package失败
				layerCallBackTips(json.info+',请稍后支付!');
			}
		});

    });

});

</script>
